<template>
	<div class="city-head">
		<span>城市选择</span>
		<router-link to="/">
			<span class="iconfont head-back">&#xe624;</span>
		</router-link>
	</div>
</template>

<script type="text/javascript">
    export default {
        name:"CityHead",
        data (){
            return {
                msg:"city head"
            }
        }
    }
</script>

<style lang="stylus" scoped>
    .city-head
        position: relative;overflow: hidden;height: 0.86rem;line-height: 0.86rem;text-align: center;
        color: #fff;background-color: #00bcd4; font-size: 0.32rem;
        .head-back
            position: absolute; top: 0;left: 0;width: 0.64rem;text-align: center;font-size: 0.4rem;color: #fff;
</style>